<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <title>Flotr: Playground</title>
  <link rel="stylesheet" type="text/css" href="style.css" />

  <script type="text/javascript" src="../flotr/prototype/lib/prototype.js"></script>
  <!--[if IE]>
    <script type="text/javascript" src="../flotr/prototype/lib/excanvas.js"></script>
    <script type="text/javascript" src="../flotr/prototype/lib/base64.js"></script>
  <![endif]-->
  <script type="text/javascript" src="../flotr/prototype/lib/canvas2image.js"></script>
  <script type="text/javascript" src="../flotr/prototype/lib/canvastext.js"></script>
  <script type="text/javascript" src="../flotr/prototype/flotr.js"></script>
  <script type="text/javascript" src="lib/livepipe.js"></script>
  <script type="text/javascript" src="lib/tabs.js"></script>
  <script type="text/javascript" src="playground.js"></script>
</head>
<body>
<table>
  <tr>
    <td style="width: 430px;">
    <p>Here you can configure a chart by changing the values in the form on the left side of the page. </p>
    <p>After every change, the code to plot the chart is updated. <br />
    The checkboxes on the left indicate if you use the custom value (checked) or the default value (unchecked) of the options.<br />
    To change the options of a collapsed group, you must click on its title.</p>
	<p>Please, report any bug <a href="http://code.google.com/p/flotr/issues/list" target="_blank">here</a>.</p>
	<p>I recommend using Firefox, Opera, Chrome or Safari instead of Internet Explorer as it is really slow and all the featuresd will probably not work.</p>
    <ul id="tabs" class="subsection_tabs">
      <li class="tab"><a href="#global">Global</a></li>
    </ul>
    </td>
    <td id="output" rowspan="2">
      <div id="fixed">
      	<div id="container" style="width: 500px; height: 300px;"></div>
	    <button type="button" onclick="draw()">Draw !</button>
	    <pre><code class="javascript"></code></pre>
      </div>
    </td>
  </tr>
  <tr>
    <td id="configurator">
    <form name="global" id="global"></form>
    </td>
  </tr>
</table>
</body>
</html>
